<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
  <h:head>
    <link rel="stylesheet" type="text/css"  href="css/config.css"/>
   </h:head>
	<h:body>
<div id="pagina">
	<div id="topo">
		<img id="logoMarca" src="../img/LogoMarca.png" alt="" />
		
		<div id="botaoSair">
			<h:form>
				<h:commandButton class="botaoSair" value=" Sair " action="#{anuncianteBean.sairDaSessao}"/>
			</h:form>
		</div>
	</div>		

	
	 <div id="barraMenu"> 
		<ul id="barraMenu">
			<a href="../home.xhtml"><li class="itemMenu">HOME</li></a>
			<a href="../quemSomos.xhtml"><li class="itemMenu">VISITAS</li></a>
			
	
		</ul>

		</div>
	
		 <div id="ConfMenu"> 
			<ul id="ConfMenu">
				<a href="../home.xhtml"><li class="itemMenu">HOME</li></a>
				<a href="../quemSomos.xhtml"><li class="itemMenu">VISITAS</li></a>
				<a href="anunciante.xhtml"><li class="botaoVoltar">VOLTAR</li></a>	
			</ul>	

		</div>
		
		<p:panel  header="Configurações">
			<div id="divLogo">
				<p:panel  style="height:200px; width:437px; margin-top:10px;" header="Logo marca">
					 <p:graphicImage  style="margin-left:23px; width:80px; heigth:80px;" value="#{anuncianteBean.anunciante.id}/#{anuncianteBean.anunciante.logo}"/>
			
					<h:form enctype="multipart/form-data">
						<p:fileUpload value="#{anuncianteBean.anunciante.logo}" mode="simple" label="Alterar"/>
					
					<h:commandButton value="Salvar"/>
				
					</h:form>	
				</p:panel>
			
				<h:form enctype="multipart/form-data"> 
				
					
					
					<p:dataTable style="width:445px; margin-top:10px;" var="servico" value="#{servicoBean.servicos}">
					   
					   	<h:inputHidden value="#{servicoBean.servico.id}"/>
					  
					    <p:column headerText="Ícone">
					      		 <p:graphicImage rendered="#{servico.acessibilidade}" style="margin-left:33px; margin-top:15px; width:40px; heigth:40px;" value="img/acessibilidade-on.png" />
					      		 <p:graphicImage rendered="#{!servico.acessibilidade}" style="margin-left:33px; margin-top:15px; width:40px; heigth:40px;" value="img/acessibilidade-off.png" />
					    		 <h:outputText value="Acessibilidade" /> <br/>
					    		 <h:outputText value="#{servico.id}"/>
					    	<p:separator style="margin-top:20px;"/>
					    		 <p:graphicImage rendered="#{servico.ar}" style="margin-left:33px; width:40px;  heigth:40px;" value="img/ar-on.png" />
					      		 <p:graphicImage rendered="#{!servico.ar}" style="margin-left:33px; width:40px;   heigth:40px;" value="img/ar-off.png" /><br/>
					    		 <h:outputText value="Ar condicionado" />
					    	<p:separator/>
					    		 <p:graphicImage rendered="#{servico.areaArLivre}" style="margin-left:33px; width:40px; heigth:40px;" value="img/area-ar-livre-on.png" />
					      		 <p:graphicImage rendered="#{!servico.areaArLivre}" style="margin-left:33px; width:40px; heigth:40px;" value="img/area-ar-livre-off.png" /><br/>
					     		 <h:outputText value="Área ao ar livre" />
					      	<p:separator style="margin-top:14px;"/>
					    		 <p:graphicImage rendered="#{servico.areaFumantes}" style="margin-left:33px; width:40px; heigth:40px;" value="img/area-ar-livre-on.png" />
					      		 <p:graphicImage rendered="#{!servico.areaFumantes}" style="margin-left:33px; width:40px; heigth:40px;" value="img/area-ar-livre-off.png" /><br/>
					      		 <h:outputText value="Área para fumantes" />
					      	<p:separator/>
					    		 <p:graphicImage rendered="#{servico.bebida}" style="margin-left:33px; width:40px; heigth:40px;" value="img/bebida-on.png" />
					      		 <p:graphicImage rendered="#{!servico.bebida}" style="margin-left:33px; width:40px; heigth:40px;" value="img/bebida-off.png" />	 <br/>
								 <h:outputText value="Bebidas" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.cartaVinho}" style="margin-left:33px; width:40px; heigth:40px;" value="img/carta de vinho-on.png" />
					      		 <p:graphicImage rendered="#{!servico.cartaVinho}" style="margin-left:33px; width:40px; heigth:40px;" value="img/carta de vinho-off.png" /><br/>	 
					        	 <h:outputText value="Carta de vinho" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.estacionamento}" style="margin-left:33px; width:40px; heigth:40px;" value="img/estacionamento-on.png" />
					      		 <p:graphicImage rendered="#{!servico.estacionamento}" style="margin-left:33px; width:40px; heigth:40px;" value="img/estacionamento-off.png" />	<br/> 
						         <h:outputText value="Estacionamento" />
							<p:separator style="margin-top:13px;"/>
					    		 <p:graphicImage rendered="#{servico.happyHour}" style="margin-left:33px; width:40px; heigth:40px;" value="img/happy hour-on.png" />
					      		 <p:graphicImage rendered="#{!servico.happyHour}" style="margin-left:33px; width:40px; heigth:40px;" value="img/happy hour-off.png" />	<br/>
							     <h:outputText value="HappyHour" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.manobrista}" style="margin-left:33px; width:40px; heigth:40px;" value="img/manobrista-on.png" />
					      		 <p:graphicImage rendered="#{!servico.manobrista}" style="margin-left:33px; width:40px; heigth:40px;" value="img/manobrista-off.png" />	 <br/>
								 <h:outputText value="Manobrista" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.musica}" style="margin-left:33px; width:40px; heigth:40px;" value="img/musica-on.png" />
					      		 <p:graphicImage rendered="#{!servico.musica}" style="margin-left:33px; width:40px; heigth:40px;" value="img/musica-off.png" />	 <br/>
							     <h:outputText value="Musica ao vivo" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.reservaMesa}" style="margin-left:33px; width:40px; heigth:40px;" value="img/reserva de mesa-on.png" />
					      		 <p:graphicImage rendered="#{!servico.reservaMesa}" style="margin-left:33px; width:40px; heigth:40px;" value="img/reserva de mesa-off.png" /><br/>	 
							     <h:outputText value="Reserva de mesas" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.servicoEntrega}" style="margin-left:33px; width:40px; heigth:40px;" value="img/servico de entrega-on.png" />
					      		 <p:graphicImage rendered="#{!servico.servicoEntrega}" style="margin-left:33px; width:40px; heigth:40px;" value="img/servico de entrega-off.png" /><br/>	 
								 <h:outputText value="Serviço de entrega" />
							<p:separator/>
					    		 <p:graphicImage rendered="#{servico.wiFi}" style="margin-left:33px; width:40px; heigth:40px;" value="img/wifi-on.png" />
					      		 <p:graphicImage rendered="#{!servico.wiFi}" style="margin-left:33px; width:40px; heigth:40px;" value="img/wifi-off.png" />	 <br/>
								 <h:outputText value="Wifi" />
					    </p:column>
					 
					    <p:column headerText="Status">
					        	<p:inputSwitch style="margin-left:19px; margin-top:34px; margin-bottom:17px;" value="#{servicoBean.servico.acessibilidade}"/>
					        <p:separator style="margin-top:19px;"/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;"  value="#{servicoBean.servico.ar}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.areaArLivre}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.areaFumantes}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.bebida}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.cartaVinho}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.estacionamento}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.happyHour}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.manobrista}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.musica}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.reservaMesa}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px;" value="#{servicoBean.servico.servicoEntrega}"/>
					        <p:separator/>
					        	<p:inputSwitch style="margin-left:19px; margin-top:19px; margin-bottom:17px; " value="#{servicoBean.servico.wiFi}"/>

					    </p:column>
		 
					</p:dataTable>
					
					<h:commandButton value="Salvar" actionListener="#{servicoBean.alterarServico()}"/>
				</h:form>

			</div>
		
		</p:panel>

		
		
</div>



	

<div id="rodaPe">
www.catalogodigital.com.br<br/>
<a class="link" href="https://www.facebook.com/CatalogoDigitalBR">www.facebook.com/CatalogoDigitalBR</a>
</div>

</h:body>
</html>